.wrap-box {
    width: 100%;
    height: 100%;
    background: url("~@/assets/images/login_bg.png") no-repeat;
    background-size: 100% 100%;
    position: relative;

    .login-box {
        width: 670px;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);

        .title-box {
            img {
                vertical-align: middle;
                margin-left: 35px;
            }

            span {
                font-size: 45px;
                font-family: PingFang SC;
                vertical-align: middle;
                margin-left: 25px;
                letter-spacing: 15px;
                color: #cfe2fd;
            }
        }

        .login-content {
            margin-top: 40px;
            width: 680px;
            height: 380px;
            background-color: rgba(207, 226, 253, .15);
            overflow: hidden;

            .input-box {
                width: 480px;
                height: 55px;
                margin: 0 auto;
                border-bottom: 1px solid #4d5a72;
                position: relative;

                .qrCode {
                    position: absolute;
                    width: 150px;
                    height: 40px;
                    right: 0;
                    top: 8px;
                }
            }

            .log {
                width: 480px;
                margin: 0 auto;
                height: 55px;
                line-height: 55px;
                background-color: #3483fd;
                color: #fff;
                font-size: 22px;
                text-align: center;
                letter-spacing: 15px;
                margin-top: 40px;
                cursor: pointer;
            }
        }
    }
}